<template>
  <div class="callMe">
    <h1><span> 联系我们</span></h1>

    <article>
      <div>
        <p>
          如果您对一亩茶园公司的产品有任何疑问，或者对我们的服务有任何意见或建议
        </p>
        <p>非常欢迎您直接与我们联络，我们将竭诚为您服务。</p>
      </div>
      <h2><span> 联系电话</span></h2>
      <p>公司总机：028-66888866</p>
      <p>公司传真：028-66888866</p>
      <h2><span> 公司地址</span></h2>
      <p>地球村一亩茶园有限公司</p>
      <h2><span> 公司简介</span></h2>

      <p>四川省峨眉山一亩茶园茶业有限公司成立于1998年，</p>
      <p>
        是以生产“一亩茶园”系列名优茶为主，集茶园栽培管理、初制生产、精制加工、
      </p>
      <p>产品研发、国内外销售、茶文化观光旅游为一体的经济实体。</p>
      <p>
        经过二十多年的快速发展，一亩茶园茶业目前已成为农业产业化国家重点龙头企业。
      </p>
      <p>全国著名的名优茶生产企业之一。</p>
      <p>公司独家拥有“一亩茶园”“碧潭飘雪”“万紫千红”等品牌。</p>
      <p>
        公司产品先后荣获国际国内多项大奖，畅销全国20多个省市，深受消费者喜爱。
      </p>
      <p>“一亩茶园”、“论道”商标先后被国家工商总局认定为“中国驰名商标”。</p>
      <p>根据第三方机构北京尚普信息咨询有限公司的数据显示，</p>
      <p>一亩茶园在2008至2020年的13年间，全国高端绿茶销量领先。</p>
      <p>一亩茶园成立以来，始终坚持一个新年：打造一亩茶园品牌！</p>
      <p>以 “高山”、“明前”、“茶芽”为三大核心标准严守品质，</p>
      <p>未来将继续坚守三大标准，为高端绿茶树立品质标杆，</p>
      <p>继续品牌化道理，发展壮大中国高端绿茶领导品牌。</p>
    </article>
  </div>
</template>

<script>
import { regionData, CodeToText } from "element-china-area-data";
export default {
  //import引入的组件
  components: {},
  data() {
    return {
      labelPosition: "right",
      formLabelAlign: {
        main: "",
        name: "",
        phone: "",
        email: "",
        content: "",
      },
      options: regionData,
      selectedOptions: [],
    };
  },
  //方法集合
  methods: {
    handleChange() {
      var loc = "";
      for (let i = 0; i < this.selectedOptions.length; i++) {
        loc += CodeToText[this.selectedOptions[i]];
      }
      console.log(loc, "选择的区域");
    },
    backHandle() {
      this.$router.back();
    },
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang="less" scoped>
.callMe {
  height: 80vh;
  background-image: url("../assets/product-red/zsjm.jpg");
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 30px;
  cursor: pointer;
  h1 {
    font-size: 36px;
    color: #a8845c;
    position: relative;
    margin-bottom: 50px;
    & > span {
      &:before {
        content: "";
        position: absolute;
        left: 44%;
        top: -10px;
        width: 32px;
        height: 32px;
        background: url("../assets/product-red/t1.png") no-repeat;
        background-size: cover;
      }
      &::after {
        content: "";
        position: absolute;
        left: 54%;
        bottom: -20px;
        width: 32px;
        height: 32px;
        background: url("../assets/product-red/t2.png") no-repeat;
        background-size: cover;
      }
    }
  }
  article {
    height: 65vh;
    overflow-y: scroll;
    width: 50vw;
    margin: 0 auto;
    h2 {
      font-size: 24px;
      color: #a8845c;
      position: relative;
      & > span {
        display: inline-block;
        width: 180px;
        padding-bottom: 3px;
        border-bottom: 3px solid #a8845c;
      }
    }
    p {
      font-size: 16px;
      color: #a8845c;
    }
  }
}
</style>
